<template>
	<view style="height: 100vh; background-color: #FFFFFF;">
		<u-navbar title-color="#FFFFFF" height="48" back-icon-color="#FFFFFF" :border-bottom="false" :is-fixed="true" title="演练选择"></u-navbar>
		<uc-content>
			<view class="parent">
				<view class="chindren" v-for="item in list" :key="item.id" @tap="clickItem(item)">
					<view>
						<u-icon name="warning-fill" color="#2979ff" size="80"></u-icon><br>
						<view class="u-m-t-20">
							{{item.content1}}<br>
							{{item.content2}}
						</view>
					</view>
				</view>
			</view>
		</uc-content>	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						id:2,
						content1:'演练模式三',
						content2:'模拟录制视频，选择区域进行演练',
						path:'/pages/index/drill/third'
					}
				]
			}
		},
		methods: {
			clickItem(val){
				uni.navigateTo({
					url:val.path
				})
			}
		}
	}
</script>

<style scoped>
	.parent{
		 display: flex;
		 flex-direction: column;
		 height: calc(100vh - 48px);
		 width: 100%;
	}
	.chindren{
		 text-align: center;
		 flex:1;
		 padding: 100rpx;
		 border-bottom: #333333 1rpx solid;
	}
	
</style>
